<template>
	<view class="content">
        <u-navbar :fixed="true" :shadow="true" :safeAreaInsetTop="true" :placeholder="true"
            leftIconColor="#151C24" @leftClick="back"
            title="专户详情" titleColor="#151C24">
        </u-navbar>

        <view class="uni-area">
            <!-- 专户信息详情 -->
            <uni-item-base class="u-m-t-30" :baseData="fohfData" />
            <!-- 专户概况 -->
            <uni-item-base class="u-m-t-30" :baseData="generalData" />
            <!-- 拨付信息列表 -->
            <uni-item-base class="u-m-t-30" :baseData="appropriationData" />
            <!-- 工资发放情况 -->
            <uni-item-base class="u-m-t-30" :baseData="wageData" />

            <!-- <uni-item-base class="u-m-t-30" :baseData="projectData" /> -->
            <!-- <uni-item-base class="u-m-t-30" :baseData="twoData" /> -->
            <!-- <uni-item-base class="u-m-t-30" :baseData="threeData" /> -->
            <!-- <uni-item-base class="u-m-t-30" :baseData="accountData" /> -->
            <!-- 附件 -->
            <!-- <uni-accessory class="u-m-t-30" :accessorys="accessoryList" /> -->

            <!-- 间隔槽 -->
            <u-gap height="30rpx" bgColor="#FBFCFC"></u-gap>
        </view>
        <!-- 提示组件 -->
        <u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	export default {
		data() {
			return {
                // 用户信息
                userInfo: uni.getStorageSync("userInfo"),
                // 项目信息
                projectData: { 
                    line: false,
                    title: '项目信息',
                    list:[
                        { field:'xmmc', title:'项目名称', value:'安薪乐' },
                        { field:'xmbh', title:'项目编号', value:'安薪乐' },
                        { field:'', title:'所属区域', value:'安薪乐' },
                        { field:'hyzgbm', title:'行业主管部门', value:'安薪乐' },
                        { field:'', title:'工程进度', value:'安薪乐' },
                        { field:'projectaddress', title:'项目地址', value:'安薪乐' },
                        { field:'qymc', title:'建设单位', value:'安薪乐' },
                        { field:'jsdwtyshxydm', title:'统一社会信用代码', value:'安薪乐' },
                        { field:'', title:'施工单位', value:'安薪乐' },
                        { field:'sgdwtyshxydm', title:'统一社会信用代码', value:'安薪乐' },
                        { field:'constructionxmjlname', title:'项目经理', value:'安薪乐' },
                        { field:'constructionxmjlzjhm', title:'证件号码', value:'安薪乐' },
                        { field:'', title:'施工单位管理人员', value:'安薪乐' },
                        { field:'dwglryzjhm', title:'单位管理人员证件号码', value:'安薪乐' },
                        { field:'zblx', title:'中标类型', value:'安薪乐' },
                    ]
                }, 
                // 施工合同/人工费用拨付协议信息
                twoData:{
                    line: false,
                    title: '施工合同/人工费用拨付协议信息',
                    list:[
                        { field:'', title:'中标合同价格(工程造价)', value:'安薪乐', unit:'万元' },
                        { field:'sfxyYgrgfy', title:'人工费用', value:'安薪乐', unit:'万元' },
                        { field:'', title:'占工程数比例', value:'安薪乐', unit:'%'  },
                        { field:'bffs', title:'拨付方式', value:'安薪乐' },
                        { field:'bfzq', title:'拨付周期', value:'安薪乐' },
                        { field:'bfrqDate', title:'拨付日期', value:'安薪乐', unit:'日' },
                    ]
                },
                // 管理资金三方协议
                threeData:{
                    line: false,
                    title: '管理资金三方协议',
                    list:[
                        { field:'sfxyBuildingName', title:'建设单位', value:'安薪乐' },
                        { field:'sfxyBuildingTyshxydm', title:'统一社会信用代码', value:'安薪乐' },
                        { field:'sfxyConstructionName', title:'施工单位', value:'安薪乐' },
                        { field:'sfxyConstructionTyshxydm', title:'统一社会信用代码', value:'安薪乐' },
                        { field:'sfxyKhyhdm', title:'开户银行', value:'安薪乐' },
                        { field:'sfxyKhyhdm', title:'支行名称', value:'安薪乐' },
                        { field:'sfxyKhh', title:'开户银行代码', value:'安薪乐' },
                        { field:'sfxyZhmc', title:'专户账户名称', value:'安薪乐' },
                        { field:'sfxySghtzj', title:'施工合同总价款', value:'安薪乐', unit:'万元' },
                        { field:'', title:'预估人员费用', value:'安薪乐', unit:'万元' },
                        { field:'', title:'占工程款项', value:'安薪乐', unit:'%' },
                        { field:'sfxyBfzq', title:'拨付人工费用周期', value:'安薪乐' },
                        { field:'', title:'拨付日期', value:'安薪乐', unit:'日' },
                        { field:'', title:'发薪日、工资支付周期', value:'安薪乐' },
                        { field:'', title:'的', value:'安薪乐', unit:'日' },
                        { field:'sfxyGzzfbscptrq', title:'工资支付表上传平台日', value:'安薪乐' },
                        { field:'', title:'资金管理三方协议签订日期', value:'安薪乐' },
                    ]
                },
                // 专户信息
                accountData:{
                    line: false,
                    title: '专户信息',
                    list:[
                        { field:'zhKhdwmc', title:'开户单位名称', value:'安薪乐' },
                        { field:'zhKhdwTyshxydm', title:'开户单位统一社会信用代码', value:'安薪乐' },
                        { field:'', title:'开户银行', value:'安薪乐' },
                        { field:'', title:'支行名称', value:'安薪乐' },
                        { field:'', title:'开户银行代码', value:'安薪乐' },
                        { field:'', title:'专户账户名称', value:'安薪乐' },
                        { field:'', title:'专户账户账号', value:'安薪乐' },
                        { field:'', title:'开户类型', value:'安薪乐' },
                        { field:'', title:'专户开设日期', value:'安薪乐' },
                        { field:'', title:'专户期初余额', value:'安薪乐', unit:'万元' },
                        { field:'', title:'经办人', value:'安薪乐' },
                        { field:'', title:'联系方式', value:'安薪乐', type:'phone' },
                        { field:'', title:'营业网点', value:'安薪乐' },
                        { field:'', title:'摘要', value:'安薪乐' },
                        { field:'', title:'专户开户备案信息上传平台日期', value:'安薪乐' },
                        { field:'', title:'专户状态', value:'安薪乐' },
                        { field:'zhYhyzzt', title:'专户银行验证状态', value:'安薪乐' },
                    ]
                },
                // 附件
                accessoryList:[],


                // 专户信息详情
                fohfData:{
                    line: false,
                    title: '专户信息详情',
                    list:[
                        { field:'xmmc', title:'项目名称', value:'新疆塔建三五九建工有限责任公司' },
                        { field:'jsdwmc', title:'建设企业', value:'2516516519896246' },
                        { field:'qyprincipal', title:'建设企业负责人', value:'施工单位' },
                        { field:'jsdwlxdh', title:'联系电话', value:'15334527575', type:'phone' },
                        { field:'sgdwmc', title:'施工企业', value:'施工单位' },
                        { field:'sgdwprincipal', title:'施工企业负责人', value:'施工单位' },
                        { field:'sgdwlxdh', title:'联系电话', value:'15334527575', type:'phone' },
                        { field:'zhmc', title:'专户名称', value:'施工单位' },
                        { field:'khlx', title:'开户类型', value:'施工单位' },
                        { field:'khh', title:'开户银行', value:'施工单位' },
                        { field:'zhhm', title:'专户账号', value:'施工单位' },
                        { field:'zhzt', title:'账户状态', value:'施工单位' },
                        { field:'bankaddress', title:'网点编号', value:'施工单位' },
                        { field:'projectcost', title:'项目工程合同额', value:'施工单位',unit:'万元' },
                        { field:'payratio', title:'工资拨付比例', value:'施工单位' },
                        { field:'paytotal', title:'工资拨付总额', value:'施工单位', unit:'万元' },
                        { field:'paytimes', title:'计划拨付期数', value:'施工单位', unit:'期' },
                        { field:'starttime', title:'第一期拨付年月', value:'施工单位' },
                        { field:'endtime', title:'最后一期拨付年月', value:'施工单位' },
                        { field:'payment', title:'拨付类型', value:'施工单位' },
                        { field:'paytotalbymonth', title:'每月应付金额', value:'施工单位', unit:'万元' },
                        { field:'paytime', title:'每月拨付日期', value:'施工单位', unit:'号' },
                        { field:'payday', title:'工资发放日', value:'施工单位', unit:'号' },
                    ]
                },
                // 专户概况
                generalData:{
                    line: false,
                    title: '专户概况',
                    list:[
                        { field:'cumsjbfje', title:'累积拨付金额', value:'XX项目',unit:'万元' },
                        { field:'cumsfgzhj', title:'累积发放金额', value:'住建',unit:'万元' },
                        { field:'balance', title:'专户余额', value:'张三',unit:'万元' }
                    ]
                },
                // 拨付信息列表
                appropriationData:{
                    line: false,
                    title: '拨付信息列表',
                    list:[
                        { field:'bfqs', title:'拨付期数', value:'XX项目', unit:'期' },
                        { field:'sjbfje', title:'拨付金额', value:'住建', unit:'万元' },
                        { field:'bfsj', title:'拨付日期', value:'张三' }
                    ]
                },
                // 工资发放情况
                wageData:{
                    line: false,
                    title: '工资发放情况',
                    list:[
                        { field:'ffgzny', title:'工资期（间）', value:'XX项目' },
                        { field:'createTime', title:'发放日期', value:'住建', unit:'号' },
                        { field:'staffs', title:'实发人数', value:'张三',unit:'人' },
                        { field:'sfgzhj', title:'实发金额', value:'张三',unit:'万元' }
                    ]
                }
			}
		},

		onLoad(option) {
            // 专户详情
            this.getAccDetail(option.id)
		},

		methods: {
            // 返回
            back(){
                uni.navigateBack()
            },

            // 专户详情
            getAccDetail(id){
                uni.showLoading({ title:'专户详情加载中' })
                this.$request(this,this.$apis.AccDetail,{id:id}).then(res=>{
                    // console.log('专户详情',res)
                    // 专户信息详情
                    this.fohfData.list.map((v,i)=>{
                        v.value = res[v.field]?res[v.field]:'暂无数据源'
                    })
                    // 专户概况
                    this.generalData.list.map((v,i)=>{
                        if( v.field == 'balance' ){
                            v.value = res[v.field]||res[v.field]==0?res[v.field]:'暂无数据源'
                        }else{
                            v.value = res.ado[v.field]||res.ado[v.field]==0?res.ado[v.field]:'暂无数据源'
                        }
                    })
                    // 拨付信息列表
                    this.appropriationData.list.map((v,i)=>{
                        v.value = res.adp[v.field]||res.adp[v.field]==0?res.adp[v.field]:'暂无数据源'
                    })
                    // 工资发放情况
                    this.wageData.list.map((v,i)=>{
                        v.value = res.ads[v.field]||res.ads[v.field]==0?res.ads[v.field]:'暂无数据源'
                    })
                    // 附件
                    this.getMemberAtta(res.ywlx,res.id)
                }).then()
            },


            // 附件列表
            getMemberAtta(ywlx,ywbh){
                uni.showLoading({ title:'附件信息加载中' }) 
                const parameter = {
                    ywlx: ywlx, // 业务类型【必传】
                    ywbh: ywbh, // 业务编号【必传】
                }
                this.$request(this, this.$apis.MemberAtta, parameter).then(res=>{
                    this.accessoryList = res
                }).then() 
            }
		}
	}
</script>

<style scoped lang="scss">
</style>
